<%@ taglib prefix="c" uri="/WEB-INF/tlds/hdiv-c.tld"%>
<%@ taglib prefix="form" uri="/WEB-INF/tlds/hdiv-spring-form-3_0_4.tld"%>
<%@ taglib prefix="spring" uri="/WEB-INF/tlds/hdiv-spring.tld" %>
<%@ taglib prefix="display" uri="http://displaytag.sf.net" %>

<c:url value="mostrarHWF4018.html" var="reporteCustodia"/>

<script type="text/javascript">

    $(document).ready(function(){
       $("#fechadesde").datepicker();
       $("#trCuenta").css("display","none");
       
       $("#cuenta").change(function(){
            $("#message").html("");
            $(".hideTR").hide();
            if($("#cuenta").val()==2 ) $("#opener_cuenta").show();else $("#opener_cuenta").hide(); 
        });                         
        if($("#cuenta").val()==2)$("#opener_cuenta").show();else $("#opener_cuenta").hide();  
        $("#opener_cuenta").click(openWinCuenta);
    });
    
    function openWinCuenta(){        
        childWindow=window.showModalDialog('<c:url value="selecCuentaMult.html" />','selecCuentaMult',"dialogWidth:520px;dialogHeight:340px;center:yes;status:no;help:yes;resizable:yes");
    }  
    
    function validarFormulario(){
      if ($("#fechadesde").val()==""){
        alert("Debe colocar una fecha válida");
        return false;
      }
      
      if(!checkDate(document.forms[0].fechadesde)) {
            return false;
      }
      
      var check1=document.forms[0].chkDetalladoPunto.checked;
      var check2=document.forms[0].chkDetalladoCS.checked;
      var check3=document.forms[0].chkConsolidado.checked;
      
      if (!check1 && !check2 && !check3){
        alert("Debe seleccionar al menos una parte del reporte");
        return false;
      }
      
      return true;
    }
    
    function generaReporteCustodia(){
      if (!validarFormulario()){
        return false; 
      }
      
      document.forms[0].accion.value='reporteCustodia';
      openwinReporte('winReporteCustodia');
      document.forms[0].target='winReporteCustodia';
      document.forms[0].submit();
    }
    
    function openwinReporte(target)
    {   
        winwidth='450';
        winheight='920';
        document.forms[0].accion.value='reporteCustodia';
        window.open('about:blank', target, 'location=0,directories=0,status=0,scrollbars=1,resizable=1,width='+winwidth+',height='+winheight);      
        document.forms[0].target = target;              
        document.forms[0].submit();
    }
    
   function activarFiltroCnta(){
        var isDetalladoCS=document.forms[0].chkDetalladoCS.checked;
        var isDetalladoPunto=document.forms[0].chkDetalladoPunto.checked;
        if (isDetalladoCS || isDetalladoPunto){
            $("#trCuenta").css("display","");
        }
        else {
            $("#trCuenta").css("display","none");
        }
        
   }
       
    </script>
<script language="JavaScript" src="javascript/HMF2003.js"></script>
<style type="text/css">  
<!-- 
#loading_mostrar {display:none;}
img{
    border: 0;
}
-->  
</style> 
<form:form modelAttribute="form" action="${reporteCustodia}">
  <form:hidden path="accion"/>
  <form:hidden path="control"/>
  <form:hidden path="cliente"/>
  <form:hidden path="formulario"/>
  <form:hidden path="reporteExistNum"/>

<input type="hidden" id="filtroSucuAct" name="filtroSucuAct" value="${filtroSucuAct}">

<!--Favoritos:-->
<input type="hidden" id="codOpci" value="${codOpci}"/>
<input type="hidden" id="desOpci" value="${desOpci}"/>

<div id="panelAjax">
  <table id="fullheighttable" width="775" cellspacing="0" cellpadding="0"
         align="center">
    <tr>
      <td align="left" valign="top" class="fondo_contenido padtop16left21">
        <table border="0" cellspacing="0" cellpadding="0" class="verdana11bazul">
          <tr>
            <td height="22" align="left" valign="top" class="verdana11bazul">
              <ul class="navlist2">
                <li>REPORTE DE CUADRE DE CUSTODIA</li>
              </ul>
            </td>
            <td width="160"> </td>
            <td>
               <a href="#" id="opener_agregarFavoritos"> <img src="images/agregar_favoritos.png" width="25" height="23" border="0" title='Agregar Favoritos'/> </a>
            </td>
          </tr>
          <tr>
            <td align="left" valign="top" class="borde_totalblanco">
              <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td height="23" align="left" valign="top"
                      class="verdana10bazul">Cliente</td>
                  <td height="23" align="left" valign="top"
                      class="verdana10negro" width="416">                    
                    <c:out value="${sessionScope.nombreCliente}"/>
                  </td>
                </tr>
                <!-- Muestra el grupo de clientes en caso de coorporaci?n      -->
                
                <c:if test="${not empty listaClientes}">
                  <tr>
                    <td height="20" align="left" valign="top"
                        class="verdana10bazul">Grupo Cliente</td>
                    <td width="416" height="20">
                    <form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                                path="cli_grupo">                        
                                <form:option value=""></form:option>
                                <form:options items="${listaClientes}"
                                              itemValue="codCliente"
                                              itemLabel="nombre"/>
                    </form:select> 
                    </td>
                  </tr>
                </c:if>
    
                     
                 
                 <!-- Seccion para Sucursal-->
                 
                  <tr>
                    <td height="27" align="left" valign="center" 
                        class="verdana10bazul">
                      <p>
                        Sucursal &nbsp;
                      </p>
                    </td>
                    <td height="27" align="left" valign="bottom" 
                        class="verdana10negro" width="416">
                        <table border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td height="35">
                            
                                <td>
                                <form:select  cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                                                 path="sucursal">
                                              <form:options items="${listaSucursales}" itemLabel="desSucursal" itemValue="codSucursal"/>
                                </form:select>              
                                </td>
                            
                          </td>
                        </tr>   
                      </table>           
                    </td>
                  </tr>
               
                 <!--Secci?n para Cuenta-->
                <tr id="trCuenta">
                  <td height="20" align="left" valign="bottom"
                      class="verdana10bazul">Cuenta</td>
                  <td height="20" align="left" valign="bottom"
                      class="verdana10negro" width="416">                                            
                    <table border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td align="left" valign="bottom" class="padright10" width="257" height="20">                    
                         <form:select cssClass="fondo_txtbox63" cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                                     path="cuenta">
                          <form:option value="1">TODOS</form:option>
                          <form:option value="2">ALGUNOS</form:option>
                         </form:select>
                        <a href="#" id="opener_cuenta"><img src="images/search.png" width="17px" height="17px" title="Buscar"/> </a>
                     </td>
                      <td align="left" valign="top" class="padright10" width="61">
                      </td>
                      <td></td>
                      <td width="5">&nbsp;</td>
                    </tr>
                  </table>                    
                    
                  </td>
                </tr>
                
                
                <!--Secci?n para Fecha Contable-->
                <tr>
                  <td height="34" align="left" valign="bottom"
                      class="verdana10bazul">Fecha &nbsp;  </td>
                  <td width="416" height="34" align="left" valign="bottom"
                      class="verdana10negro">
                    <table border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td align="left" valign="bottom" class="padright10">
                          <div class="fondo_txtbox90">
                            &nbsp;<form:input path="fechadesde" maxlength="10" size="12" readonly="false" onchange="actualizaFechaDesde();"/>
                          </div>
                          </td>
                        
                        <td class="padright10">&nbsp;</td>
                        <td align="left" valign="bottom" class="padright10">&nbsp;</td>
                        <td>&nbsp;</td>
                        
                      </tr>
                    </table>
                  </td>
                </tr>
                
                <!--Sección para tipos de reportes -->
                <tr>
                  <td width="416" colspan="2" height="34" align="left" valign="bottom"
                      class="verdana10negro">
                    <table border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        
                        <td colspan="4" align="left" valign="bottom" class="padright10">
                            
                           <input name="chkConsolidado" id="chkConsolidado" type="checkbox" value="1" checked="true"/>
                        </td>   
                           
                        <td class="verdana10bnegro"><label for="chkConsolidado">Consolidado</label></td>
                        
                        <td colspan="4" align="left" valign="bottom" class="padright10">
                            
                           &nbsp;&nbsp;&nbsp;<input name="chkDetalladoCS" id="chkDetalladoCS" type="checkbox" value="1" onclick="activarFiltroCnta();" />
                        </td>   
                           
                        <td class="verdana10bnegro"><label for="chkDetalladoCS">Detallado por CS</label></td>
                        
                        <td colspan="4" align="left" valign="bottom" class="padright10">
                            
                           &nbsp;&nbsp;&nbsp;<input name="chkDetalladoPunto" id="chkDetalladoPunto" type="checkbox" value="1" onclick="activarFiltroCnta();"/>
                        </td>   
                           
                        <td class="verdana10bnegro"><label for="chkDetalladoPunto">Detallado por Punto</label></td>
                        
                      </tr>
                    </table>
                  </td>
                </tr>
                
               
                
              </table>
              
                <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td height="51" align="left" valign="bottom">
                    <input name="Submit" type="button" class="boton"
                           value="Generar Reporte"
                           onclick="generaReporteCustodia();"></input>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
        <div class="margintop31"/>
      </td>
    </tr>
  </table>
</div>
</form:form>